<template>
	<div>
		<div class="white-pub-10">
			<div class="pub16 boder" v-for="item in 5" :key="index">
				<div class="rowCenter">
					<div class="rowCenter">
						<div class="tag" style="color: #fff;background: #FDA312;">
							始
						</div>
						<div class="pl5">
							云南省昆明市
						</div>
					</div>
					<div class="bold plr14" style="color:#026DED;">
						——
					</div>
					<div class="rowCenter">
						<div class="tag" style="color:#fff;background: #026DED;">
							终
						</div>
						<div class="pl5">
							云南省玉溪
						</div>
					</div>
				</div>
				<div class="pt8">
					<span class="gray">途经点：</span>
					<span>
						昆明、成功、玉溪
					</span>
				</div>
			</div>
			
			<div class="pdc-none" style="color: #666;text-align: center;">
			    查看更多
			</div>
		</div>
	</div>
</template>

<script>
	// import { getCurrentInstance, ref } from "vue"
	// import { ArrowRight, ArrowDown } from "@element-plus/icons-vue"
	
	// const { proxy } = getCurrentInstance()
</script>

<style>
	.pdc-none {
	    font-size: 12px;
	    width: 100%;
	    padding: 3px 0px 9px;
	}
	.white-pub-10 {
		background: #fff;
		border-radius: 10px;
		overflow: hidden;
		font-size: 14px;
	}

	.pub16 {
		padding: 10px 16px;
	}
	
	.boder{
		border-bottom: 1px solid #f9f9f9;
	}
	
	.rowCenter{
		display: flex;
			flex-direction: row;
			align-items: center;
	}
	
	.tag{
		font-size: 10px;
		  width: max-content;
		  line-height: 10px;
		  border-radius: 3px;
		  padding:3px;
	}
	
	.plr14{
	    padding: 0 14px;
	}
</style>